<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <header>
        <h1>calin</h1>
        <div class="time">当前时间： 2020年2月22日:13:00:00
        </div>
    </header>
    <section class="mainbox">
        <div class="col">
            <div class="module bar">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
            <div class="module line">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
            <div class="module pie">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
        </div>
        <div class="col">
            <div class="number-box">
                <div class="number">
                    <div class="number-col">
                        <h1>12334</h1>
                    </div>
                    <div class="number-col">
                        <h1>33456</h1>
                    </div>
                </div>
                <div class="font">
                    <div class="font-col">某某某</div>
                    <div class="font-col">某某某</div>
                </div>
            </div>
            <div class="picture">
                <div class="sky"></div>
                <div class="star"></div>
            </div>
        </div>
        <div class="col">
            <div class="module bar">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
            <div class="module line">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
            <div class="module pie">
                <h1>行业图</h1>
                <div class="chart"></div>
                <div class="module-foot"></div>
            </div>
        </div>
    </section>

    <script src="js/flexible.js"></script>
    <script>
        var htmltime = document.querySelector('.time');

        function installnowtime() {
            let date = new Date();
            let e = date.getMinutes() > 9 ? date.getMinutes() : "0" + date.getMinutes();
            let f = date.getSeconds() > 9 ? date.getSeconds() : "0" + date.getSeconds();
            let a = date.getFullYear();
            let b = date.getMonth() + 1;
            let c = date.getDate();
            let d = date.getHours();
            htmltime.innerHTML = "当前时间：" + a + "年" + b + "月" + c + "日" + d + ":" + e + ":" + f;
        }
        setInterval(installnowtime, 1000);
    </script>

</body>

</html>